/*!home:static/css/gamelist/list_games.css*/
body {
    overflow-y: hidden;
    height: 100%
}

#search {
    margin-top: 10px
}

#search_keyword {
    box-sizing: border-box;
    background: #fff;
    height: 44px;
    width: 100%;
    padding: 7px 10px;
    clear: both;
    padding-right: 70px;
    position: fixed;
    top: 46px;
    z-index: 999;
    border-bottom: .01rem solid #e8e8e8
}

#search_keyword.download {
    top: 94px
}

#search_keyword::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 15px;
    width: 14px;
    height: 14px;
    background-size: contain
}

.search_keyword_height {
    height: 90px
}

#app_search_keyword_height {
    height: 46px
}

.search_keyword_height.download {
    height: 138px
}

#txt_keyword {
    width: 100%;
    border: .01rem solid #f4f4f4;
    border-radius: 1rem;
    height: .28rem;
    line-height: .28rem;
    -webkit-appearance: none;
    outline: 0;
    padding: 0 0 0 .3rem;
    font-size: .12rem;
    background: #f4f4f4
}

#btn_keyword_search {
    height: .28rem;
    width: .54rem;
    position: absolute;
    top: .07rem;
    right: .1rem;
    background: #f4f4f4;
    border-radius: 1rem;
    text-align: center;
    line-height: .28rem;
    color: #666;
    font-size: .12rem
}

#search_fristword_list {
    width: 100%
}

.search_fristword_box a {
    color: #888
}

.now_search_fristword .search_fristword {
    background: #FFF;
    color: #F74B3D;
    border-right: 0
}

#now_search_fristword a {
    color: #fff
}

.search_fristword {
    width: .7rem;
    height: .4rem;
    line-height: .4rem;
    margin: 0 auto;
    text-align: center;
    font-size: .15rem;
    background: #FFF;
    color: #333;
    background-color: #f5f5f5;
    border-right: .01rem solid #F2F3F6
}

.main {
    padding: 0 0 0 .7rem;
    position: relative;
    overflow: hidden;
    height: 100%
}

.main::after {
    content: "";
    height: 0;
    display: block;
    clear: both
}

.main .gamelist-letters {
    position: absolute;
    left: 0;
    top: 0;
    width: .7rem;
    height: 700px;
    background-color: #FFF;
    box-sizing: border-box
}

.main .lettershow {
    width: 100%;
    /* height: 700px; */
    padding-bottom: 0;
    position: relative
}

.gamelist {
    height: 100%;
    box-sizing: border-box
}

.gamelist::-webkit-scrollbar {
    display: none
}

.game_hot {
    display: block
}

.list-top-border {
    border-top: 1px solid #dbdbdb
}

.gamelis_box {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #F2F3F6;
    box-sizing: border-box;
    height: .6rem;
    position: relative
}

.gamelis_box::after {
    content: "";
    position: absolute;
    top: .24rem;
    right: .15rem;
    width: .07rem;
    height: .11rem;
    background-size: contain
}

.firstpunch-box {
    height: .59rem;
    margin-top: 0;
    border-bottom: 1px solid #ddd
}

.gamelis_box a {
    color: #000;
    line-height: .6rem;
    font-size: .14rem;
    display: block;
    height: .6rem
}

.gamelis_box a div.info {
    box-sizing: border-box;
    position: relative;
    padding-left: .42rem;
    width: 100%;
    height: 100%;
    line-height: .6rem
}

.gamelist_imgs {
    padding: .14rem 1rem .14rem .42rem;
    height: .32rem;
    position: relative;
    font-size: 14px
}

.gamelist_imgs img {
    display: block;
    width: .38rem;
    height: .38rem;
    position: absolute;
    top: .11rem;
    left: 0;
    border-radius: .08rem
}

.gamelist_imgs p {
    height: .32rem;
    line-height: .32rem;
    width: 100%;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .06rem;
    font-size: .14rem
}

.gamelist_imgs div {
    width: 1rem;
    height: .6rem;
    line-height: .6rem;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: .15rem;
    font-size: .14rem
}

.gamelist_imgs .gamelist-right {
    padding-right: .3rem;
    display: none
}

.gamelist_imgs div span {
    float: right
}

.gamelist_imgs div span:nth-of-type(2) {
    color: #F74B3D
}

.gamelist_imgs div span:nth-of-type(1) {
    color: #101010
}

.gamelist_imgs .minprompt {
    width: .2rem;
    font-size: 14px;
    padding: 0;
    margin-right: .3rem;
    color: red;
    -webkit-text-size-adjust: none;
    padding-right: .38rem;
    text-align: right
}

.gamelist_imgs .minprompt::after {
    content: "";
    position: absolute;
    right: 0;
    top: .23rem;
    width: .32rem;
    height: .13rem;
    background-size: contain
}

.now_price {
    width: 100%;
    height: .25rem;
    line-height: .25rem;
    font-size: 12px;
    text-align: center;
    color: #fff
}

#other {
    margin: 0
}

.other_box {
    width: 25%;
    float: left
}

.other_box a {
    color: #000;
    font-size: 12px;
    line-height: .25rem
}

.firstpunch-box .info img {
    display: block;
    position: absolute;
    top: .11rem;
    left: 0;
    width: .38rem;
    height: .38rem;
    border-radius: .08rem
}

.firstpunch-box .info div {
    width: 100%;
    text-align: left;
    height: 100%;
    padding-right: .09rem
}

.firstpunch-box .info div::after {
    content: "";
    height: 0;
    display: block;
    clear: both
}

.firstpunch-box .info div p:nth-child(1) {
    width: 59%;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding-left: .06rem
}

.firstpunch-box .info div p:nth-child(2) {
    font-size: 12px;
    color: #999;
    padding-right: .68rem;
    position: absolute;
    right: 0;
    top: 0;
    height: .6rem
}

.firstpunch-box .info div p:nth-child(2)::after {
    content: "";
    position: absolute;
    right: .3rem;
    top: .23rem;
    width: .32rem;
    height: .13rem;
    background-size: contain
}

.firstpunch-box .info div p:nth-child(2) span:nth-child(2) {
    font-size: 14px;
    color: #F74B3D
}

.h5game-box {
    width: 47%;
    height: 126px;
    margin-bottom: 0;
    margin-top: 10px;
    border-radius: 4px;
    background-color: #fff;
    margin-left: 5px;
    font-size: 16px
}

.h5game-box:nth-child(odd) {
    margin-right: 10px
}

.h5game-background {
    margin-top: 10px;
    background-color: #efeeee
}

.gamelist .sdkad-box {
    margin: 0
}

#loading {
    position: absolute;
    width: .36rem;
    height: .36rem;
    z-index: 999
}

.no-games {
    position: absolute;
    z-index: 999;
    display: none
}

.net-error {
    display: none;
    z-index: 999;
    position: absolute
}

.net-error p {
    text-align: center;
    font-size: 14px;
    margin-top: .16rem
}

.net-error p span:nth-of-type(1) {
    color: #999
}

.net-error p span:nth-of-type(2) {
    color: #F74B3D
}

.word-color {
    color: red !important
}